@charset "utf-8";
@function r($px) {
    @return $px/100*1rem;
}

$color:#ec8e12;
.web {
    header {
        font-size: 0;
        overflow: hidden;
        padding: r(48) r(22) r(26) r(23);
        div:last-child {
            font-size: r(26);
            text-align: center;
            transform: translateX(r(-80));
            margin-top: r(20);
        }
    }
    section {
        overflow-y: auto;
        position: absolute;
        top: r(150);
        bottom: r(163);
        width: 100%;
        .initial {
            padding: r(0) r(27) r(20) r(0);
            overflow: hidden;
            .initial_detail {
                height: r(230);
                ul li {
                    width: r(149);
                    height: r(149);
                    margin-left: r(31);
                    p {
                        font-size: r(26);
                        color: #000000;
                        text-align: center;
                    }
                    img {
                        width: 100%;
                    }
                }
            }
            .initial_circle {
                width: r(128);
                margin: 0 auto;
                div:nth-of-type(n) {
                    width: r(18);
                    height: r(18);
                    border-radius: 50%;
                    border: r(1) solid $color;
                    margin-left: r(10);
                }
            }
        }
        .initial_section {
            padding: 0 r(23) r(52) r(21);
            .initial_section_first {
                font-size: 0;
                .initial_section_cate {
                    i {
                        font-size: r(44);
                    }
                    span {
                        font-size: r(30);
                    }
                }
            }
            .initial_section_firstdetail{
                ul li{
                    width: r(133);
                    height: r(133);
                    margin-left: r(56);
                    img{width: 100%;}
                }
                ul li:first-child{margin-left: 0;}
            }
        }
    }
}